<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 引入 Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<title>添加权限</title>
<style>
/*header的样式*/
.header{
	height:50dp;
	background:#ddd;
	
}
</style>
</head>

<body>
<div class="header">
<h1>某高校后勤管理</h1>
</div>
<div class="container">
<form class="form-horizontal" style="width:700px">
        <div class="form-group">
          <label class="control-label col-sm-2" for="name">权限名称：</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" id="name" value="权限一" />
          </div>
        </div>
         <div class="form-group" id="check_box">
          <label class="control-label col-sm-2" for="province">允许访问页面：</label>
          <div class="col-sm-10">
            <label class="checkbox-inline">
		<input type="checkbox" id="inlineCheckbox1" value="option1"> 页面 1
	</label>
	<label class="checkbox-inline">
		<input type="checkbox" id="inlineCheckbox2" value="option2"> 页面 2
	</label>
	<label class="checkbox-inline">
		<input type="checkbox" id="inlineCheckbox3" value="option3"> 页面 3
	</label>
          </div>
           <div class="col-sm-10">
            <label class="checkbox-inline">
		<input type="checkbox" id="inlineCheckbox1" value="option1"> 页面 4
	</label>
	<label class="checkbox-inline">
		<input type="checkbox" id="inlineCheckbox2" value="option2"> 页面 5
	</label>
	<label class="checkbox-inline">
		<input type="checkbox" id="inlineCheckbox3" value="option3"> 页面 6
	</label>
          </div>
        </div>
        <div class="form-group" style="margin:0 auto;display:block; width:100px">
        <button  class="btn btn-default"  id="ok">保存</button>
        </div>
      </form>
      </div>
</body>
<script>
//将允许访问的页面显示出来，让其选择
$().ready(function()
{
	findPage();
});
//查找所有的页面
function findPage()
{
	var str="";
	$.post("/ulms_project/dict/",function(data)
	{
		var pageList =data.list();
		str+='<div class="form-group">'+
          '<label class="control-label col-sm-2" for="province">允许访问页面：</label>';
		for(var i=0;i<length/8;++i)
		{
			str+='<div class="col-sm-10">';
			for(var j=0;j<8;++j)
			{
				str+='<label class="checkbox-inline">'+
		'<input type="checkbox" id="inlineCheckbox1"  value="option1">'+pageList[i*8+j].name+'</label>';
			}
			str+='</div>';
		}
		str+= '</div>';
		return str;
	});
}

//添加数据
function addRight()
{
	//获取选择的权限
	var chk_value =[];//定义一个数组  
     $('input:checkbox:checked').each(function(){//遍历每一个名字为interest的复选框，其中选中的执行函数  
      chk_value.push($(this).val());//将选中的值添加到数组chk_value中  
     });
	 $.post("/ulms_project/authority/updateAuthority",{chk_value:chk_value},function(data)
	 {
		 alert("添加权限成功！");
	 });
}
</script>
</html>
